
.tab-bar1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  width: 220%;
  position: relative;
  border-radius: 5px;
  top: -100px;
  left: -100px;
  right: 0;
  border: 1px solid #d6d6d6;
  z-index: 10; /* 确保 Tab 栏位于其他内容之上 */
  overflow-y: hidden; /* 允许子组件内部滚动 */
}
 
.tab-item1 {
  flex: 1;
  text-align: center;
  padding: 8px 0;
  border-radius: 5px;
}
 
.tab-item1.active {
  color: #ffffff; /* 选中时的颜色 */
  background-color: #282828;
  /* border-bottom: 2px solid #ffaa00; */ /* 你可以根据需要调整样式 */
}